<template>
  <div class="base-wrapper">
    <el-tabs v-model="activeName">
      <!-- 💭方案版本 -->
      <el-tab-pane label="方案版本" name="first">
        <div class="main_content">
          <div>
            <span>研究代码：{{ renderData.projectId }}</span>
          </div>
          <div>
            <span>日期：{{ renderData.schemeTime }}</span>
          </div>
          <div>
            <span>版本号：{{ renderData.versionNum }}</span>
          </div>
          <div>
            <span>备注：{{ renderData.remark }}</span>
          </div>
        </div>
      </el-tab-pane>
      <!-- 💭eCRF版本(1) -->
      <el-tab-pane label="eCRF版本(1)" name="second">
        <ECRFVersion></ECRFVersion>
      </el-tab-pane>
      <!-- 💭DVP版本(1) -->
      <el-tab-pane label="DVP版本(1)" name="third">
        <DVPVersion></DVPVersion>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ECRFVersion from './ECRFVersion.vue'
import DVPVersion from './DVPVersion.vue'
export default {
  components: {
    ECRFVersion,
    DVPVersion,
  },
  data() {
    return {
      activeName: 'first',
      renderData: {},
    }
  },
  created() {
    this.renderData = this.$route.query
  },
}
</script>

<style lang="scss" scoped>
.base-wrapper {
  background-color: $white;
  height: 100%;
  .main_content {
    background-color: $white;
    padding: 24px;
  }
}
</style>
